PUBLIC

Ce stage s'adresse à toutes les personnes désirant réaliser un site Internet.  

Objectif 

Découvrir les balises de base du langage HTML et les propriétés CSS.

Pré-requis

Connaissance de Windows.

Programme

Premier contact avec HTML et CSS

Qu’est-ce qu’une page web ?

HTML : du contenu et des balises

Les principales balises HTML

Styles CSS : les classes et identifiants

Exercice : reproduction d’un style existant

Des images pour les pages web

Annexe 1 : Travailler avec les bons outils

Éditeur WYSIWYG ou éditeur de code?

Les navigateurs web

Barre d’outils web Developer et Firebug

Introduction à la mise en page en CSS

Le modèle CSS : hauteur et largeur

Le modèle CSS : les marges

Le modèle CSS : bordures et padding

Le positionnement relatif

Le positionnement absolu

Le positionnement flottant

Annexe 2 : Standards et validité

Validité du code XHTML

Les validateurs sont mes amis

Les standards XHTML et CSS : spécifications et références

Mise en page d’un design simple

Réalisation d’un site web complet

Analyse du design et création de blocs conteneurs (éléments DIV)

Positionnement des principaux blocs

Un point sur les couleurs pour le web (couleurs en CSS, outils pratiques)

Décorer un bloc avec des images de fond (propriété background)

Des menus de navigation en HTML et CSS

Qu’est-ce qu’un menu de navigation ?

Analyse du design du menu principal

Styles CSS du menu principal

Annexe 3 : L’encodage des caractères

Qu’est-ce qu’un encodage de caractères ? Comment bien déclarer l’encodage d’une page ?

Les entités HTML

Mise en forme du contenu

boîtes pour le texte

Préparation de la page «fiche produit»

Intégration et adaptation de la fiche produit

Récapitulatif des propriétés CSS

Annexe 4 : Des gabarits de mise en page pour vos projets

Présentation des gabarits de mise en page

Rappel largeur fluide et largeur fixe. Modifier un gabarit.

Tableaux et formulaires en HTML et CSS

Construire et mettre en forme un tableau

Un formulaire simple en HTML

Mise en forme du formulaire

Conclusion de la formation

Conclusion